import React, { Component } from 'react'

class App extends Component {
  // 提供状态(简写形式)
  state = {
    count: 99,
    title: this.props.count,
  }

  // 完整写法
  // constructor(props) {
  //   // 固定格式, 需要添加实例自己的属性之前 手动手动调用父类构造函数 super()
  //   super(props)

  //   this.state = {
  //     count: 99,
  //   }

  //   this.inputRef = React.createRef()
  // }
  handle = () => {
    this.props.fn()
  }
  render() {
    return (
      <div className="App">
        <h1 onClick={this.handle}>我是App组件</h1>
        <p>{this.props.count}</p>
        <p>{this.props.msg}</p>
        {/* 如果你是通过组件标签内部传进来的, 必须this.props.children使用 */}
        <div>{this.props.children}</div>
      </div>
    )
  }
}

export default App
